/* index.less */
.index {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: #f7f8fa; /* 轻柔的背景色 */
    color: #333; /* 优化文本颜色 */
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 优化字体 */
}

.index View {
    font-size: 100px; /* 标题字体大小 */
    font-weight: bold; /* 字体加粗 */
    margin-bottom: 20px; /* 与按钮间距 */
}

.btn {
    background-color: #41a4f5; /* 优化按钮颜色 */
    color: #ffffff; /* 按钮文字颜色 */
    margin: 50px;
    padding: 10px 20px; /* 按钮内边距 */
    border: none; /* 去除边框 */
    border-radius: 20px; /* 圆角边框 */
    font-size: 70px; /* 按钮文字大小 */
    box-shadow: 0 4px 14px 0 rgba(0,0,0,0.1); /* 添加阴影效果 */
    transition: background-color 0.3s, box-shadow 0.3s; /* 过渡效果 */
}

.btn:hover {
    background-color: #3794e0; /* 鼠标悬浮时的按钮颜色 */
    box-shadow: 0 6px 16px 0 rgba(0,0,0,0.2); /* 鼠标悬浮时的阴影 */
}
